<template>
  <div class="store">

    <div class="store-list" v-for="item in storeInfo">
      <div class="store-img">
        <mt-swipe :auto="0">
          <mt-swipe-item class="slide" v-for=" (value,key) in item.shopImageList">
              <img :src="value" alt="">
          </mt-swipe-item>

        </mt-swipe>
      </div>
      <h3>{{item.name}}</h3>
      <div class="address">
        <p>{{item.address}}</p>
        <p>官方邮箱：{{item.email}}</p>
        <p>联系电话：{{item.phone}}</p>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'Store',
  data () {
    return {
      storeInfo:[]
    }
  },
  mounted:function(){

    this.initData();
  },
  methods:{
    gotoAddress(path){
      this.$router.push(path)
    },
    initData:function(){
      var _this = this;

      setTimeout(function(){
        $.ajax({
          type:'post',
          url: RouteMap.shopinfo,
          success:function(res){
            if(res.code == 200){
              _this.storeInfo = res.data.list;
            }
            else{
              //Toast(res.msg)
            }
          }
        })
      })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .store{
    color: #707070;
    text-align: center;
    line-height: 1rem;
    padding-top: .4rem;
    padding-bottom: 1rem;
  }
  .store h3{
    font-size: 0.8rem;
    padding: .5rem 0 0;
    line-height: 1.6rem;
  }
  .store-list{
    margin: .1rem 1rem .1rem;
    border-bottom: 1px solid #707070;
    padding-bottom: 1rem;
  }
  .mint-swipe {
    height: 7rem;
    color: #fff;
    font-size: 30px;
    text-align: center;

    background: #fff;
  }

  .slide {
    background-color: #fff;
    color: #fff;
  }
  .slide img{
    width: 100%;
  }
/*.icon{*/
  /*margin-top:2rem;*/
  /*width:100%;*/
  /*box-sizing:border-box;*/
  /*border:1rem solid #aaa;*/
/*}*/
/*h3{*/
  /*font-size:.8rem; text-align:center;*/
  /*padding-top:1rem;*/
  /*font-weight:bolder;*/
  /*}*/
/*.address{*/
/*padding:1rem 0 0 2.4rem;*/
/*}*/
/*.address p{line-height:1.2rem;}*/
</style>
